<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/jquery/jquery.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.min.js"></script>
    <script>
        $(function () {
            // 1. ajaxForm 有 submit
//            $("#testForm").ajaxForm(function (data) {
//                console.debug(data);
//            });
            // 2. ajaxForm 没有 submit
//            $("#submit_btn").click(function () {
//                $("#testForm").submit();
//            });
            // 3. ajaxSubmit 没有 submit
//            $("#submit_btn").click(function () {
//                $("#testForm").ajaxSubmit(function (data) {
//                    console.log(data);
//                });
//            });
            // 4. ajaxSubmit 有 submit
            $("#testForm").submit(function () {
                $(this).ajaxSubmit(function (data) {
                    console.log(data);
                });
//                return false;
            });
        });
    </script>
</head>
<body>
<form action="/employee/test.do" id="testForm">
    username: <input name="username" value="1111">
    <button type="submit" id="submit_btn">提交表单</button>
</form>
</body>
</html>